﻿<!doctype html>
<html>
<head>
    <title>首页</title>
    <meta charset="utf-8" />
    <meta http-equiv="description" content="ajax" />
    <link rel="stylesheet" href="../static/css/adapt.css" />
    <link rel="stylesheet" href="../static/css/font-awesome.css" />
    <link rel="stylesheet" href="../static/css/font-awesome.min.css" />
    <script src="../static/js/adapt.js"></script>
    <script src="../static/js/jquery-3.3.1.min.js"></script>
    <!--//authorJen-->
</head>
<body>
    <div class="containtOut">
        <!--导航条-->
        <div class="barCont">
            <div class="barTop clearfix">
                <div class="topLeft">
                    <a href="">
                        <span class="iconImg icon-home"></span>
                        <span class="iconFont">首页</span>
                    </a>
                </div>
                <div class="topRight clearfix">
                    <div class="list list0"><a href=""><span class="listfont icon-group">部门管理</span></a></div>
                    <div class="list list1"><a href=""><span class="listfont icon-envelope">邮件管理</span></a></div>
                    <div class="list list2"><a href=""><span class="listfont icon-twitter">用户管理</span></a></div>
                    <div class="logInfo">
                        <span  class="infoSelf icon-github-alt">EyesKiller</span>
                        <span class="logOut"><a href="">退出</a></span>
                    </div>
                </div>
            </div>
            <div class="barTop0 clearfix">
                <div class="logoCont">Logo</div>
                <div class="searchCont clearfix">
                    <input class="sear icon-search" type="text" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司查询"/>
                    <span class="searIcon icon-search"></span>
                    <span class="searSubmit">查询</span>
                </div>
            </div>
        </div>
        <!--查询条件-->
        <div class="limtCont clearfix">
            <div class="limtContLeft">
                <span class="limitTit">查询条件</span>
            </div>
            <div class="limtContMid">
                <div class="maxSalary salary">
                    <span class="salarySty">最低薪资：</span>
                    <input class="salaryInp" type="text" value="0" disabled min="0" max="30000"/>
                    <span class="upBtn upBtn0 iconBtn icon-angle-up"></span>
                    <span class="lowBtn lowBtn0 iconBtn icon-angle-down"></span>
                </div>
                <div class="minSalary salary">
                    <span class="salarySty">最高薪资：</span>
                    <input class="salaryInp" type="text" value="2000" disabled min="0" max="30000"/>
                    <span class="upBtn upBtn1 iconBtn icon-angle-up"></span>
                    <span class="lowBtn lowBtn1 iconBtn icon-angle-down"></span>
                </div>
            </div>
            <div class="limtContRight">
                <div class="page">
                    <span class="pageTit">页码：</span>
                    <input class="pageLim" type="text" placeholder="第几页" value="1" disabled/>
                </div>
                <div class="page">
                    <span class="pageTit">页面条数：</span>
                    <input class="pageLim" type="text" placeholder="条数" value="10" disabled/>
                </div>
            </div>
        </div>
        <!--公司信息内容-->
        <div class="content">
            <div class="listCompany clearfix">
                <div class="listTit clearfix">
                    <div class="listConpanyFont">忆信捷</div>
                    <div class="titPosit">
                        <span class="positName">职位：</span>
                        <span class="positSta">工程师</span>
                    </div>
                    <div class="titSalary">
                        <span class="salaryTit">薪资：</span>
                        <span class="salaryNum">7000</span>
                    </div>
                </div>
                <div class="companyCont">
                    <div class="contContent">内容内容内容内容内容内容内容内容</div>
                </div>
                <div class="compSubmit">申请</div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            /*全局效果*/
            $(".compSubmit").hover(function () {
                $(this).css("backgroundColor", "#8631C7");
            }, function () {
                $(this).css("backgroundColor", "#551A8B");
            })
            /*薪资范围0-30000连动*/
            $(".upBtn0").click(function () {
                var salNum = parseInt($(this).parent($(".salary")).find($("input")).val());
                salNum += 2000;
                $(this).parent($(".salary")).find($("input")).val(salNum);
                $(this).parent($(".salary")).siblings($(".salary")).find($(".salaryInp")).val(salNum + 2000);
            })
            $(".upBtn1").click(function () {
                var salNum = parseInt($(this).parent($(".salary")).find($("input")).val());
                if (parseInt($(".salaryInp").eq(1).val()) == 30000) {
                    return;
                } else {
                    salNum += 2000;
                    $(this).parent($(".salary")).find($("input")).val(salNum);
                    $(this).parent($(".salary")).siblings($(".salary")).find($(".salaryInp")).val(salNum - 2000);
                }
            })
            $(".lowBtn0").click(function () {
                var salNum = parseInt($(this).parent($(".salary")).find($("input")).val());
                if (parseInt($(".salaryInp").eq(0).val()) == 0) {
                    return;
                } else {
                    salNum -= 2000;
                    $(this).parent($(".salary")).find($("input")).val(salNum);
                    $(this).parent($(".salary")).siblings($(".salary")).find($(".salaryInp")).val(salNum + 2000);
                }
            })
            $(".lowBtn1").click(function () {
                var salNum = parseInt($(this).parent($(".salary")).find($("input")).val());
                salNum -= 2000;
                $(this).parent($(".salary")).find($("input")).val(salNum);
                $(this).parent($(".salary")).siblings($(".salary")).find($(".salaryInp")).val(salNum - 2000);
            })
            
        })
    </script>
</body>
</html>